<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <p:panelGrid style="width:100%;margin: 1px auto;">
        <p:row>
            <p:column colspan="5">
                <!--<p:panel header="Lista de Articulos">-->
                    <p:dataTable id="dataTablaArticulos" var="detgr" 
                                 value="#{BKGuiaDeRemision.guiaFormulario.detalleGuiaRemisions}"
                                 widgetVar="lista" emptyMessage="No exsiten articulos agregados"
                                 editable="true" rowIndexVar="rowIndex" paginator="true" rows="10"
                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                 {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                 rowsPerPageTemplate="5,10,15">

                        <p:ajax event="rowEdit"
                                listener="#{MBGuiaDeRemision.editarArticuloGR}"
                                update="dataTablaArticulos" />

                        <f:facet name="header">
                            <cote:componenteFindOrden id="findOrdenSC"
                                                      lblbtnfind="Buscar Orden"
                                                      inNroOrden="#{BKGuiaDeRemision.guiaFormulario.ordenPedido.codigoOrdenPedido}"
                                                      idInputNroOrden=":formGuia:cbxPedido"
                                                      update=":formGuia:dataTablaArticulos" />
                        </f:facet>

                        <p:column id="idColumnaNum" style="width: 5%" headerText="Num."
                                  rendered="#{MBGuiaDeRemision.isRenderedColumn(detgr.estadoRegistro)}">
                            <h:outputText value="#{rowIndex+1}" />
                        </p:column>

                        <p:column id="idColumnaDesc" style="width: 45%"
                                  sortBy="#{det.articulo.descripcion}"
                                  headerText="Descripcion" rendered="#{MBGuiaDeRemision.isRenderedColumn(detgr.estadoRegistro)}">
                            <h:outputText value="#{detgr.articulo.descripcion}" />
                        </p:column>

                        <p:column id="idColumnaCant" style="width: 10%"
                                  sortBy="#{det.cantidad}"
                                  headerText="Cantidad" rendered="#{MBGuiaDeRemision.isRenderedColumn(detgr.estadoRegistro)}">
                            <p:cellEditor>
                                <f:facet name="output">
                                    <h:outputText value="#{detgr.cantidad}" />
                                </f:facet>
                                <f:facet name="input">
                                    <p:inputText onkeyup="cambiarMayuscula(this)" value="#{detgr.cantidad}" style="width:100%"
                                                 maxlength="4" required="true" />
                                </f:facet>
                            </p:cellEditor>
                        </p:column>

                        <p:column id="idColumnaUndMed" style="width: 10%"
                                  sortBy="#{det.unidadMedida}"
                                  headerText="Und. de Med."
                                  rendered="#{MBGuiaDeRemision.isRenderedColumn(detgr.estadoRegistro)}">
                            <h:outputText value="#{detgr.unidadMedida}" />
                        </p:column>

                        <p:column id="idColumnaPesoTotal" style="width: 10%"
                                  headerText="PESO TOTAL" sortBy="#{det.peso}"
                                  rendered="#{MBGuiaDeRemision.isRenderedColumn(detgr.estadoRegistro)}">
                            <p:cellEditor>
                                <f:facet name="output">
                                    <h:outputText value="#{detgr.peso}" />
                                </f:facet>
                                <f:facet name="input">
                                    <p:inputText onkeyup="cambiarMayuscula(this)" value="#{detgr.peso}" style="width:100%"
                                                 maxlength="4" required="true" />
                                </f:facet>
                            </p:cellEditor>
                        </p:column>


                        <p:column id="idAccionesArticulo" headerText="Acciones"
                                  style="width: 20%" rendered="#{MBGuiaDeRemision.isRenderedColumn(detgr.estadoRegistro)}">
                            <p:commandButton id="selectButton"
                                             oncomplete="confirmacion.show()" ajax="true" icon="ui-icon-trash"
                                             process="@this">
                                <f:setPropertyActionListener value="#{detgr}"
                                                             target="#{BKGuiaDeRemision.currentDetGuiaRemision}" />
                            </p:commandButton>
                            <p:rowEditor />
                        </p:column>

                    </p:dataTable>
                <!--</p:panel>-->
            </p:column>
        </p:row>
    </p:panelGrid>

</html>